
@extends('home.base.index')

@section('content')
    <!--内容开始-->
    <div class="personal w1200">
    	<div class="personal-left f-l">
        	<div class="personal-l-tit">
            	<h3>个人中心</h3>
            </div>
            <ul>
            	<li class="current-li per-li1"><a href="#">消息中心<span>></span></a></li>
            	<li class="per-li2"><a href="{{url('/home/userinfo')}}">个人资料<span>></span></a></li>
            	<li class="per-li3"><a href="/home/userorder">我的订单<span>></span></a></li>
            	<li class="per-li6"><a href="/home/address">管理收货地址<span>></span></a></li>
                <li class="per-li7"><a href="/home/interest">商品收藏<span></span></a></li>
            	<li class="per-li8"><a href="/home/okconfirm">确认收货<span>></span></a></li>
            	<li class="per-li9"><a href="#">浏览记录<span>></span></a></li>
            	<li class="per-li10"><a href="#">会员积分<span>></span></a></li>
            </ul>
        </div>
    <form action='/home/address' method='post'>
     <input type='hidden' name='_token' value='{{ csrf_token() }}'>
     <input type='hidden' name='user_id' value='{{ $user_id->id }}'>

    	<div class="management f-r">
            <div class="tanchuang-con">
                <div class="tc-title">
                    <h3>添加收货地址</h3>
                </div>
                <ul class="tc-con2">
                    <li class="tc-li1">
                        <p class="l-p">所在地区<span>*</span></p>
                        <div class="xl-dz">
                         <select id='cid' name="province">
                            <option>--请选择--</option>
                         </select>
                            <div style="clear:both;"></div>
                        </div>
                        <div style="clear:both;"></div>
                    </li>
                    <li class="tc-li1">
                        <p class="l-p">详细地址<span>*</span></p>
                        <textarea class="textarea1"  name="address" placeholder="请如实填写您的详细信息，如街道名称、门牌号、楼层号和房间号。"></textarea>
                        <div style="clear:both;"></div>
                    </li>
                    <li class="tc-li1">
                        <p class="l-p">收货人姓名<span>*</span></p>
                        <input type="text"  name="receive_name"/>
                        <div style="clear:both;"></div>
                    </li>
                    <li class="tc-li1">
                        <p class="l-p">联系电话<span>*</span></p>
                        <input type="text" name="telephone"/>
                        <div style="clear:both;"></div>
                    </li>
                </ul>
             <a  href="" onclick="doadd({{ $user_id->id  }})"><button  class="btn-pst2">保存</button></a>
            </div>
              </form>
    <script type="text/javascript">
        var url = "{{ url('/home/aja/get') }}";
        $.ajax({
            url:url,
            async:false,                //是否异步
            type:'get',                 //请求方式
            data:{upid:0},              //发送的数据
            dataType:'json',            //响应的数据类型
            error:function()            //失败时回调函数
            {
                alert('ajax请求失败');
            },
            success:function(data)      //成功时回调函数
            {
                console.log(data);
                for (var i = 0; i < data.length; i++) {
                    $('#cid').append("<option value='"+data[i].id+"'>"+data[i].name+"</option>");
                };
            }
        });

        $("select").live("change",function(){
            //先清除后面的select，再添加新的select
            $(this).nextAll("select").remove();
            //因为下面需要用到当前对象，但是是另一个函数体内，不能用$(this)
            var ob = $(this);
            //判断选择的是不是默认的请选择
            if($(this).val() != '--请选择--'){
                var upid = $(this).val();
                $.ajax({
                    url:'/home/aja/post',
                    async:false,                //是否异步
                    type:'post',                //请求方式
                    data:{upid:upid},               //发送的数据
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    dataType:'json',            //响应的数据类型
                    error:function()            //失败时回调函数
                    {
                        alert('ajax请求失败');
                    },
                    success:function(data)      //成功时回调函数
                    {
                        // console.log(data);
                        //判断是否还有数据返回
                        if(data.length>0){
                            //新建一个select标签
                            var select = $("<select><option>--请选择--</option></select>");
                            //循环给select标签添加上option
                            for (var i = 0; i < data.length; i++) {
                                $(select).append("<option value='"+data[i].id+"'>"+data[i].name+"</option>");
                            };
                            //追加到前一个select后面
                            ob.after(select);
                        }
                    }
                });
            }
            
        });

function doadd(id){
          
                 
                 alert("添加成功"); 
                 window.location.href="{{url('/home/address')}}";

        }
    </script>


    </script>

    @stop
